<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<link rel='stylesheet' type='text/css' href=
'../fullcalendar/fullcalendar.css'>
<link rel='stylesheet' type='text/css' href=
'../fullcalendar/fullcalendar.print.css' media='print'>
<script type='text/javascript' src='../jquery/jquery-1.7.1.min.js'>
</script>

<script type='text/javascript' src=
'../jquery/jquery-ui-1.8.17.custom.min.js'>
</script>

<script type='text/javascript' src=
'../fullcalendar/fullcalendar.min.js'>
</script>

<script type='text/javascript'>

    $(document).ready(function() {
    
        $('#calendar').fullCalendar({
        
            editable: true,
            
            events: "json-events.php",
            
            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(should probably update your database)');
            },
            
            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            }
            
        });
        
    });

</script>

<style type='text/css'>

    body {
        margin-top: 40px;
        text-align: center;
        font-size: 14px;
        font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
        }
        
    #loading {
        position: absolute;
        top: 5px;
        right: 5px;
        }

    #calendar {
        width: 900px;
        margin: 0 auto;
        }

</style>

<title></title>
</head>
<body>
<div id='loading' style='display:none'>loading...</div>

<div id='calendar'></div>

<p>json-events.php needs to be running in the same directory.</p>
</body>
</html>

